<template>
    <page-view>
        <page-header title="个人资料" :showBack="false"></page-header>
        <div class="content-box">
            <div class="user-header">
                <div class="header-left">
                    <div><img src="" alt=""></div>
                    <div class="text">
                        <p></p>
                        <p></p>
                    </div>
                </div>
                <div class="right">
                    <p>修改资料</p>
                </div>
            </div>
            <ul>
                <li><span><icon name="service-o" /></span>在线咨询</li>
                <li><span><icon name="smile-o" /></span>关于我们</li>
                <li><span><icon name="question-o" /></span>当前版本</li>
                <li><span><icon name="comment-circle-o" /></span>帮助反馈</li>
                <li><span><icon name="setting-o" /></span>设置</li>

            </ul>
            <div class="user-footer">
                <Button >退出登录</Button>
            </div>
        </div>
    </page-view>
</template>

<script>
import PageHeader from '../components/PageHeader.vue'
import PageView from '../components/PageView.vue'
import { Button,Icon } from 'vant'
export default {
  components: { PageView, PageHeader,Button,Icon },
    name:'User',
    setup () {
        

        return {}
    }
}
</script>

<style lang="scss" scoped>

</style>